
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
     <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
      <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
    .is_hiddenTr{display: none;}
    </style>
</head>

<body style="color:#333;padding:3px;">
     <!-- 标题 -->
    <div class="page-heade">
      <h1 class="title_color">历史发运数据导入</h1>
    </div>
    <!-- 标题 -->
    <table class="table table-bordered" style="margin: 0">
      <tr>
        <td>

          请选择导入月份：
          <select name="" id="" class="form-control" style="display: inline-block;width: 140px">
              <option value="0">请选择</option>
              <option value="1" selected>2017</option>
          </select>年
           <select name="" id="" class="form-control" style="display: inline-block;width: 140px">
              <option value="0">请选择</option>
              <option value="1" selected>12</option>
          </select>月
          <span class="lr_5"></span> <button class="btn btn-info" type="button">查询</button>
        
        </td>
      </tr>
      <tr>
        <td>
          <p class="padding-10">2017年11月共有<span>0</span>行发运记录，折后销售额合计：<span class="font-bold ObjectNum">0</span>元</p>
          <p>数据最新更新日期为：<span class="font-bold">2017-10-20 12:07:06</span> 更新人：<span id="">余通</span></p>
        </td>
      </tr>
      <tr>
        <td>
          <p class="colorRed">温馨提示：在导入您的新发运数据之前，请确认新发运数据在销路通系统中是否存在，如果销路通系统中已存在，导入后将出现重复数据。您新导入的数据应不包含之前已导入的部分，请您确认所导入的数据完整并正确无误。</p>
          <p class="padding-10 font-bold">Excel文件导入注意事项：</p>
          <p>1.必须项：售达方经销商编号、产品编码、数量、发运金额、发运日期、订单号、发运单号、销售人员。</p>
          <p class="padding-10">2.必须填写数字：数量、发运金额。</p>
          <p>3.发运月份只能为一个月，并且要与选择的导入月份保持一致。</p>
          <p class="padding-10">4.销售人员必须是销路通系统中已存在的职员名称。</p>
          <p><span class="font-bold">Excel文件导入格式：</span><a href="javascript:;">产品发运数据导入表格格式.xls</a><span class="colorRed">注：Excel中标记为红色底色的列为必填项。</span></p>
        </td>
      </tr>
    </table>
    <table class="table table-bordered text-center table-hover">
      <tr class="info">
        <th class="text-center">日期</th>
        <th class="text-center">导入发运数据行数</th>
        <th class="text-center">折后销售额(元)</th>
        <th class="text-center">备注</th>
      </tr>
    
      <tr>
        <td>2017年3月</td>
        <td class="text-right">6</td>
        <td class="text-right"><span class="ObjectNum">548616</span></td>
        <td class="handleTd"><a href="javascript:;" class="btn btn-white addInfo">增加</a></td>
      </tr>
        <tr  class="is_hiddenTr">
        <td colspan="3" class="text-left">
             <div>
                   <textarea name="" id="Areatext2" style="user-select:none;width: 60%;max-width:60%;height: 60px;float: left;" class="form-control Areatext"></textarea><span style="padding-top: 41px;display:inherit">(500)</span>
              </div>
              <div style="display: none;">
                <p class='padding-10'>备注人：曾小倩</p><p>内容：""</p>
              </div>
        </td>
        <td><a href="javascript:;" class="btn btn-white sureBtn">确定</a><span class="lr_5"></span><a href="javascript:;" class="btn-white btn closeBtn">关闭</a></td>
      </tr>
       <tr>
        <td>2017年10月</td>
        <td class="text-right">6</td>
        <td class="text-right"><span class="ObjectNum">2797200</span></td>
        <td class="handleTd"><a href="javascript:;" class="btn btn-white seeBtn">查看</a><span class="lr_5"></span><a href="javascript:;" class="btn-white btn modifyBtn">修改</a></td>
      </tr>
       <tr  class="is_hiddenTr">
        <td colspan="3" class="text-left">
              <div style="display: none;">
                   <textarea name="" id="Areatext2" style="user-select:none;width: 60%;max-width:60%;height: 60px;float: left;" class="form-control Areatext"></textarea><span style="padding-top: 41px;display:inherit">(500)</span>
              </div>
              <div>
                <p class='padding-10'>备注人：曾小倩</p><p>内容：""</p>
              </div>
        </td>
        <td><a href="javascript:;" class="btn btn-white sureBtn">确定</a><span class="lr_5"></span><a href="javascript:;" class="btn-white btn closeBtn">关闭</a></td>
      </tr>
      <tfoot>
          <tr class="text-right success">
              <td>合计</td>
              <td>12</td>
              <td>12</td>
              <td></td>
          </tr>
      </tfoot>
  </table>
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
       <script src="__STATIC__/layout/js/common.js"></script>
       <script>
          $(document).ready(function(){
               var $ObjectNum =$(".ObjectNum");
             toNum($ObjectNum);
          })

          /*弹出隐藏的tr*/
  $(document).on("click",'.addInfo',function(){

    var $addInfoTr=$(this).parent().parent().next('tr')
        $addInfoTr.toggle();
  })
  $(document).on("click",'.closeBtn',function(){
    // // console.log($(this))
    $(this).parent().parent().hide()
  })

  /*确定按钮*/
  $(document).on("click",".sureBtn",function(){
        var strBtn='<a href="javascript:;" class="btn btn-white seeBtn">查看</a><span class="lr_5"></span><a href="javascript:;" class="btn-white btn modifyBtn">修改</a>'
       $(this).parent().parent().prev('tr').find('.handleTd').html(strBtn)
       $(this).parent().parent().hide();
     
  })

  /*修改按钮*/
   $(document).on("click",".modifyBtn",function(){
      $(this).parent().parent().next("tr").show()

   })
/*查看按钮*/
 $(document).on("click",'.seeBtn',function(){
    var $addInfoTr=$(this).parent().parent().next('tr')
       $addInfoTr.toggle();
    $(this).parent().parent().next('tr').find("td").eq(0).html(str);

  })
       </script>
    </body>
   
</html>